<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <link type="text/css" href="css/style.css" rel="stylesheet" /> 
  <link type="text/css" href="css/animate.css" rel="stylesheet" /> 
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
  <script type="text/javascript" src="js/game.js"></script> 
 </head> 
 <body> 
  <div class="wrap"> 
   <div class="game_bg"> 
    <div class="game_top"> 
     <div class="score" id="game_score">
      0
     </div> 
     <div class="best_score">
      999999
     </div> 
    </div> 
    <div class="game_time" id="game_timer">
     60
    </div> 
    <div class="game_board"> 
     <ul id="game_main"> 
      <li>
        <div class="bug"><img class="a_1" src="images/a_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_2" src="images/a_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_1" src="images/b_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_2" src="images/b_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_1" src="images/c_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_2" src="images/c_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_3" src="images/c_3.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_1" src="images/a_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_2" src="images/a_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_1" src="images/b_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_2" src="images/b_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_1" src="images/c_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_2" src="images/c_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_3" src="images/c_3.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug" data-name="a_1"><img class="a_1" src="images/a_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_2" src="images/a_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_1" src="images/b_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_2" src="images/b_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_1" src="images/c_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_2" src="images/c_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_3" src="images/c_3.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_1" src="images/a_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_2" src="images/a_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_1" src="images/b_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_2" src="images/b_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_1" src="images/c_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_2" src="images/c_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_3" src="images/c_3.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_1" src="images/a_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_2" src="images/a_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_1" src="images/b_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="b_2" src="images/b_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_1" src="images/c_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_2" src="images/c_2.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="c_3" src="images/c_3.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
      <li>
        <div class="bug"><img class="a_1" src="images/a_1.png" /></div> 
        <div class="fire"><img src="images/fire.png" /></div> 
        <div class="light"><img src="images/light.png" /></div>
        <div class="net"><img src="images/net.png" /></div> 
        <div class="cleaner"><img src="images/cleaner.png" /></div>
      </li>
     </ul> 
     <div class="clear"></div> 
    </div> 
    <div class="game_btn"> 
     <div class="game_btn_fire" onclick="doFlicker(this, 'fire')"> 
      <div class="btn_fire on"></div> 
      <div class="btn_fire disable"></div> 
     </div> 
     <div class="game_btn_net" onclick="doFlicker(this, 'net')"> 
      <div class="btn_net on"></div> 
      <div class="btn_net disable"></div> 
     </div> 
     <!--净水仙尊解锁后--> 
     <!--
                    <div class="game_btn_cleaner game_btn_click">
                        <div class="btn_cleaner on"></div>
                        <div class="btn_cleaner disable"></div>
                    </div>
--> 
     <!--净水仙尊解锁前--> 
     <div class="game_btn_cleaner"> 
      <div class="btn_cleaner_close on"></div> 
     </div> 
    </div> 
   </div> 
  </div> 
  <!-- 点击后按钮出现进度条效果--> 
  <script type="text/javascript">
    $("div.bug").click(function(){
      doCleanUp(this);
    })
    
  </script>  
 </body>
</html>